@import (reference) '~weaver-mobile/dist/weaver-mobile.less';

@odocLibrary: odoc-library;

.@{odocLibrary}{
  width: 100%;
  height: 100%;
  position: relative;
  .am-drawer{
    min-height: auto !important;
    height: 100% !important;
  }
  .wm-list-view-page-modal-listbox{
    height: calc(~"100% - 90px");
  }
  .am-search-input input[type="search"]{
    z-index: 1;
  }
  &-tab-page{
    color: @color-text-paragraph;
  }
  .am-flexbox .am-flexbox-item{
    margin-left: 2%;
  }
  &-flex{
    width: 100%;
    background: #fff;
    padding: 20 * @hd;
    box-sizing: border-box;
    &-item,&-seleted{
      width: 25%;  
      line-height: 30 * @hd;
      min-width: 20% !important;
      text-align: center;
      border:@border-width-sm solid #eeeeee; 
      color: #666666 ;
      box-sizing: border-box;
      margin: 2%;
      background: #EEEEEE;
      border-radius: 4 * @hd;;
      flex-grow: 0 !important;
      span{
        display: inline-block;
        font-size: @font-size-caption-sm;
        vertical-align: middle;
      }
    }
    .showname{
      width: 75%;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
    }
    .count{
      width: 25%;
    }
    &-seleted{
      border:@border-width-sm solid #55B1F9; 
      color: #55B1F9 ;
      background: #fff;
    }
   
  }
  .redDot{
    display: inline-block;
    width: 5 * @hd;
    height: 5 * @hd;
    background: red;
    vertical-align: middle;
    border-radius: 50%;
    margin-left: 5 * @hd;
  }
}
